<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <!-- <script src="http://static.taycc.com/static/vue/vue.js"></script>
        <script src="http://static.taycc.com/static/vue/vue-router.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
        <script src="static/js/vue.js"></script>
        <script src="static/js/vue-router.js"></script>
        <script src="static/js/axios.min.js"></script>
    </head>
    <body>
        <div id="app">
            {{info}}
        </div>
    </body>
</html>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                info: null
            }
        },
        mounted() {
            axios
                .get('https://api.coindesk.com/v1/bpi/currentprice.json')
                .then(response => (this.info = response))
                .catch(function(error) { // 请求失败处理
                    console.log(error);
                });
        }
    })
</script>
